<template>
  <div class="booker">
    <!-- <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;"></el-radio-group> -->

    <el-tabs :tab-position="tabPosition" style="height: 100% ">
      <el-tab-pane label="我的书架">
        <shujia></shujia>
      </el-tab-pane>
      <el-tab-pane label="充值中心">
        <chongzhi></chongzhi>
      </el-tab-pane>
      <el-tab-pane label="账务中心">
        <h1>我的资产</h1>
        <img src="../../../assets/hm/img/zichang.png" width="1095px" alt />
      </el-tab-pane>
      <el-tab-pane label="帮助中心">
        <img src="../../../assets/hm/img/help.png" alt width="1095px" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import chongzhi from "../../components/hm/chongzhi";
import shujia from "../../components/hm/shujia";
export default {
  components: {
    chongzhi,
    shujia
  },
  data() {
    return {
      tabPosition: "left"
    };
  }
};
</script>
<style scoped>
.booker {
  width: 1200px;
  margin: 0 auto;
}
/* .el-tabs__item {
  font-size: 22px !important;
  font-weight: 600 !important;
  border-top: 1px solid #ccc !important;

  height: 56px;
  margin: 0 20px auto;
  width: 180px;
  text-align: center;
}
.el-tabs__item:hover {
  color: white;
  background: black;
} */
</style>